<template>
    <div class="app-container calendar-list-container">
        <basic-container>
            <el-row :gutter="10">
                <el-col :xs="24" :sm="20" :md="16" :lg="12" :xl="8">
                    <el-form
                        :model="form"
                        ref="form"
                        label-width="100px"
                        :inline="false"
                        size="normal"
                    >
                        <el-form-item label="企业名称(用户名)">
                            <el-input v-model="form.a" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="用户ID">
                            <el-input v-model="form.b" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="营业执照" class="business-license">
                            <img
                                src="../../../../public/img/code/wechat-code.jpg"
                                alt="营业执照"
                            />
                        </el-form-item>
                        <el-form-item label="银行名称">
                            <el-input v-model="form.d" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="银行账户">
                            <el-input v-model="form.e" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="联系人">
                            <el-input v-model="form.f" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="联系电话">
                            <el-input v-model="form.g" readonly></el-input>
                        </el-form-item>
                        <el-form-item label="所在地">
                            <el-input v-model="form.h" readonly></el-input>
                        </el-form-item>
                    </el-form>
                </el-col>
            </el-row>
        </basic-container>
    </div>
</template>

<script>
export default {
    data() {
        return {
            form: {},
        };
    },
};
</script>

<style lang="scss" scoped>
::v-deep .business-license .el-form-item__content {
    height: 100px;
    img {
        width: 100px;
        height: 100px;
    }
}
</style>